<template>
  <ul class="item-container clearfix">
    <li v-for="(temp, index) in floorData" :key="'miva'+index" class="item-box">
      <router-link to="/" class="border-box">
        <div class="txt">{{temp.txt}}</div>
        <div class="time">{{temp.time}}</div>
      </router-link>
    </li>
  </ul>
</template>

<script>
import data from "@/data/index.json";

export default {
  props: {
    floorData: {
      type: Array,
      default() {
        return data.floor6Data
      }
    }
  }
}
</script>


<style lang="less" scoped>
.item-box {
  float: left;
  width: 100%/2;
  list-style: square;
  .border-box {
    display: block;
    width: 70%;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 16px;
    .time {
      padding: 5px 0;
      font-size: 12px;
      color: #999;
    }
  }
  @media (max-width: 768px) {
    & {
      width: 100%;
      padding: 0 15px;
      .border-box {
        width: 100%;
      }
    }
  }
}
</style>
